<script setup>
import { useRouter } from 'vue-router';
const router = useRouter()

function onClickLeft() {
    router.back()

}
</script>

<template>
    <div class="box">
        <van-nav-bar title="日程" left-text="返回" left-arrow @click-left="onClickLeft" />
        <div class="content">
            <div class="top">
                <div class="top1"></div>
                <div class="top2">首日:主题咖首日狂欢派对来袭，更多会员特权活动 <br> 精彩无限，快定制属于你自己的行程吧!</div>
            </div>
            <div class="top">
                <div class="top1"></div>
                <div class="top2">第二日:主题游船团开开开开启啦! <br> 快约上三五知己一起畅游吧!</div>
            </div>
            <div class="top">
                <div class="top1"></div>
                <div class="top2">第三日: 城堡之日带你回归X年代, <br> 古装风味的美景更是让人回味心头!</div>
            </div>
            <div class="top">
                <div class="top1"></div>
                <div class="top2">第四日:主题咖首日狂欢派对来袭，更多会员特权 <br> 活动精彩无限，快定制属于你自己的行程吧!</div>
            </div>
            <div class="top">
                <div class="top1"></div>
                <div class="top2">第五日:主题游船团开开开开启啦! <br> 快约上三五知己一起畅游吧!</div>
            </div>



        </div>

    </div>
</template>


<style scoped>
.top {
    width: 100%;
    height: 2.6rem;
    background-color: rgba(26, 27, 27, 0.048);
    border-radius: .2rem;
    text-align: center;
    margin-bottom: .2rem;


}

.top1 {
    width: 90%;
    height: 2rem;
    background-color: brown;
    margin-left: .18rem;
    margin-bottom: .1rem;
    background: url(https://img2.baidu.com/it/u=1504184335,96378409&fm=253&fmt=auto&app=138&f=JPEG?w=499&h=308) no-repeat 100%/cover;
    border-radius: .2rem;
}

.top2 {
    margin-left: .15rem;
    line-height: .23rem;

}
</style>